<html ng-app="app">
<head>
    <meta charset="utf-8">
    <base href="http://x-d-y-3-s.oss-cn-hangzhou.aliyuncs.com"/>
    <link rel="stylesheet" type="text/css" href="http://language-pdd.oss-accelerate.aliyuncs.com/pdd.css">
    <link rel="icon" href="">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title></title>
    <script type="text/javascript">
        var _thost = 'http://' + window.location.host;
        var pathArr = window.location.pathname.split("/");
        if(pathArr.length==3 && pathArr[1] != ""){
            if(pathArr[1].search(".html")!=-1){

            }else{
                _thost = 'http://' + window.location.host + "/" + pathArr[1];
            }
        }  
		var _tt = new Date().getTime();
        document.write('<script type="text/javascript" src="http://language-pdd.oss-accelerate.aliyuncs.com/lvskdjfkjdyou/config.js?v=' + _tt + '"> <\/script>');
    </script>
    <script type="text/javascript" src="/js/load.js?v=123"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="/files/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/files/js/angular.min.js"></script>
    <script type="text/javascript" src="/files/js/fastclick.js"></script>
    <script type="text/javascript" src="/files/js/clipboard.min.js"></script>
    <script type="text/javascript" src="/files/js/fuzhi_xl.js?v=201180291723"></script>
    <style>
        .pointBag {
        }

        .pointBox {
            filter: alpha(opacity=50); /*IE*/
            -moz-opacity: 50; /*FireFox*/
            opacity: 0.5;
            background: #000;
            border-radius: 8px;
            width: 160px;
            height: 160px;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -80px;
            margin-top: -80px;
        }

        .pointIcon {
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -42px;
            margin-top: -70px;
        }

        .pointTxt {
            position: fixed;
            top: 50%;
            left: 50%;
            text-align: center;
            color: #fff;
            font-size: 18px;
            margin-top: 30px;
            width: 160px;
            margin-left: -80px;
        }

        .pointIcon2 {
            position: fixed;
            top: 50%;
            left: 50%;
            float: left;
            margin-left: -50px;
            margin-top: -70px;
        }

        .copy-tip {
            background: rgba(0, 0, 0, .6);
            color: #fff;
            position: fixed;
            top: 50vh;
            font-size: .9rem;
            border-radius: 5px;
            padding: 10px;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 89;
        }

        #room_str {
            position: fixed;
            top: -300px;
        }

        .zhuonuo {
            position: fixed;
            right: 0.5rem;
            width: 3rem;
            z-index: 89;
            top: 1rem;
        }

        #dialog {
            position: fixed;
            width: 300px;
            height: 150px;
            padding: 10px;
            box-sizing: border-box;
            background: #fff;
            font-size: 16px;
            left: 50%;
            top: 50%;
            margin-left: -150px;
            margin-top: -75px;
            border-radius: 10px;
            z-index: 99;
        }

        #dialog .main {
            word-wrap: break-word;
            word-break: normal;
        }

        #dialog .other {
            text-align: center;
            margin-top: 30px
        }

        #dialog img {
            position: absolute;
            top: -20px;
            right: -20px;
            width: 35px;
        }

        .btnOpen {
            position: absolute;
            width: 36vw;
            height: 17vh;
            left: 50%;
            top: 48vh;
            transform: translateX(-50%);
            animation: btnOpen 2s infinite;
        }

        @keyframes btnOpen {
            0% {
                width: 34vw;
                height: 15vh;
            }
            50% {
                width: 44vw;
                height: 20vh;
            }
            100% {
                width: 34vw;
                height: 15vh;
            }
        }

        .light {
            position: absolute;
            width: 55vw;
            height: 30vh;
            left: 50%;
            top: 41vh;
            margin-left: -26vw;
            transform: translateX(-50%);
            animation: light 1.5s linear infinite;
        }

        @keyframes light {
            from {
                transform: rotate(0deg)
            }
            to {
                transform: rotate(359deg)
            }
        }

        .backToHall {
            position: fixed;
            left: 0.5rem;
            width: 3rem;
            z-index: 89;
            top: 1rem;
        }
    </style>
</head>
<link rel="stylesheet" type="text/css" href="/files/css/activity.css">

<body ng-controller="myCtrl"
      style="background: url(/files/images/daoyou/package/package_bg.jpg);background-size: 100% 100%;">
<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" id="loading">
    <img src="/files/images/loading.gif"
         style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;"/>
</div>
<div class="main" style="display: none;">

    <div id="dialog" style="display:none">
        <img src="/files/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
        <p id="main" class="main">
        
        <p class="other pdd00296">
           
        </p>
    </div>

    <img src="/files/images/daoyou/common/back3.png" class="backToHall" ng-click="backToHall()">

    <span class="copy-tip pdd00297" id="tips" style="display:none"></span></p>
    <img src="/files/images/daoyou/club/btn_copy.png" class="needsclick zhuonuo copyUrl"
         data-clipboard-action="copy" id="copy_btn" onclick="fuzhiMain.link()"/>
    <textarea id="room_str" readonly="readonly"></textarea>

    <!--<img src="<?php echo $file_url;?>files/images/redpackage/redpackage_bg.jpg" style="width: 100%;position: relative;" usemap="#planetmap" />-->

    <img src="/files/images/redpackage/fly.png" style="width: 100%;margin-top:15%"
         usemap="#planetmap"/>
    <div id="notopen" style="position: fixed;height: 100vh;width: 100vw;top: 0;left: 0;">

        <div class="user"
             style="position: absolute;width: 17.5vw;height: 17.5vw;left: 50%;top: 3vh;transform: translateX(-50%);background: url(/files/images/daoyou/page/avatar_box.png);background-size: 100% 100%;">
            <img ng-src="{{redPackage.sendAvatar}}" class="avatar"
                 style="position: absolute;width: 16vw;top: 0.5vw;height: 16vw;left: 50%;transform: translateX(-50%);"/>
        </div>

        <p class="pdd00556" style="position: absolute; color: #fedf00; width: 90%; left: 5%; top: 14vh; height: auto; text-align: center; font-size: 17pt; word-wrap: break-word; word-break: break-all;">
            <span style="color: #fff;">{{redPackage.sendName}}</span>
            <br/>
            
        </p>


        <div ng-click="clickOpenRedPackage()">
            <img class="light" src="/files/images/daoyou/package/light.png"/>
            <img class="btnOpen" src="/files/images/daoyou/package/package_box.png"/>
        </div>
        

        <div style=" position: absolute; left: 22px; right: 22px; top: {{height - 160}}px;">
            <p style="text-align: center; color: #fff; font-size: 11pt"></p>
        </div>
    </div>

    <div id="ropen" style="position: fixed;height: 100vh;width: 100vw;top: 0;left: 0; display: none;">
        <img src="/files/images/daoyou/package/package_bg2.jpg" style="width: 100%;height:50vh"/>

        <div class="user"
             style="position: absolute;width: 17.5vw;height: 17.5vw;left: 50%;top: 6vh;transform: translateX(-50%);background: url(/files/images/daoyou/page/avatar_box.png);background-size: 100% 100%;">
            <img ng-src="{{redPackage.sendAvatar}}" class="avatar"
                 style="position: absolute;width: 16vw;top: 0.5vw;height: 16vw;left: 50%;transform: translateX(-50%);"/>
        </div>

        <p class="pdd00557" style="position: absolute; color: #fff; width: 90%; left: 5%; top: 17vh; text-align: center; font-size: 16pt;">
            来自 {{redPackage.sendName}} 的</p>

        <p style="position: absolute; color: #fdcb00; width: 90%; left: 5%; top: 28vh; text-align: center; font-size: 44pt;">
            {{redPackage.count}} <span style="font-size: 16pt;">张</span></p>

        <p class="pdd00558" style="position: absolute; color: #fff; width: 90%; left: 5%; top: 40vh; text-align: center; font-size: 18pt;">
            </p>

        <p style="position: fixed; width: 100vw; height: 50vh;top: 50vh; left: 0;font-size: 11pt; color: black; text-align: left; background: #fff;">
        <div class="user"
             style="position: absolute;width: 15.5vw;height: 15.5vw;left: 6vw;top: 56vh;background: url(/files/images/daoyou/page/avatar_box.png);background-size: 100% 100%;">
            <img ng-src="{{redPackage.receiveAvatar}}" class="avatar"
                 style="position: absolute;width: 14vw;top: 0.5vw;height: 14vw;left: 50%;transform: translateX(-50%);"/>
        </div>
        <br/>
        <span style="color: lightgray;position:absolute; right: 6vw;top: 62vh;">{{redPackage.showTime}}</span>
        </p>

        <div style="position:absolute; left: 0vw;top: 52vh;font-size: 20px;width: 100vw;">
            <img src="/files/images/daoyou/package/line.jpg" style="position: absolute;top: 2vh;left: 0; width: 34vw;">
            <span class="pdd00647" style="position: absolute;left: 50%;transform: translateX(-50%);color: #958888;font-size: 18px;"></span></p>
            <img src="/files/images/daoyou/package/line.jpg" style="position: absolute;top: 2vh;right: 0; width: 34vw;">
        </div>

        <span style="position:absolute; left: 24vw;top: 56vh;font-size: 20px;width: 70vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{redPackage.receiveName}}</span>

        <p class="pdd00559 pdd00648" style="position:absolute; left: 24vw;top: 61vh;"> <span
                style="color: red;font-size: 16px;">{{redPackage.count}}张</span></p>
    </div>

</div>

<script type="text/javascript" src="/pdd2/packageDetail.js?v=123"></script>

<script type="text/javascript">
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        
        WeixinJSBridge.call('hideOptionMenu');
    });
</script>
</body>
</html>